<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>

<body>
  <!-- <input type="text" value="电脑"> -->
  <input type="checkbox" name="" id=""><br>
  <button disabled>点击</button>
  <script>
    /* 表单
    // 1.获取元素
    const uname = document.querySelector('input')
    // 2.获取值  获取表单里面的值————表单.value
    console.log(uname.value)  //电脑
    // console.log(uname.innerHTML)  空 innerHTML得不到表单的内容
    // 3.设置表单的值
    uname.value = '我要买电脑'
    console.log(uname.type)  //text
    uname.type = 'password'
    console.log(uname.type)  //password  变小黑点 */


    // 表单属性中添加就有该效果，移除就没有，一律使用布尔值来表示，true代表添加了该属性，false代表移除了该属性
    // disabled、checked、selected一律使用布尔值来表示，true代表添加了该属性，false代表移除了该属性

    /* 单选框/复选框
     // 1.获取
     const ipt = document.querySelector('input')
     console.log(ipt.checked)  //false不勾上  只接受布尔值
     ipt.checked = true  //true勾上
     // ipt.checked = 'true' //字符串不为空都是true，单选框会勾上  不提倡  有隐式转换
     console.log(ipt.checked)  //true */

    /* 按钮
    // 1.获取
    const button = document.querySelector('button')
    console.log(button.disabled)  //disabled翻译为：禁用吗？  默认false 不禁用
    button.disabled = true   //禁用
    button.disabled = false  //不禁用 */
  </script>
</body>

</html>